/*-----------------------------------------------Andrew_Viewer-------------------------------------------*/
.ak-viewer-canvas,.ak-viewer-container,.ak-viewer-footer,.ak-viewer-player {
    right:0;
    bottom: -0.1em;
    left:0;
}
.ak-viewer-button,.ak-viewer-canvas,.ak-viewer-container,.ak-viewer-footer,.ak-viewer-list,.ak-viewer-navbar,.ak-viewer-open,.ak-viewer-title,.ak-viewer-toolbar,.ak-viewer-toolbar>li {
    overflow:hidden;
}
.ak-viewer-close:before,.ak-viewer-flip-horizontal:before,.ak-viewer-flip-vertical:before,.ak-viewer-next:before,.ak-viewer-one-to-one:before,.ak-viewer-prev:before,.ak-viewer-reset:before,.ak-viewer-rotate-left:before,.ak-viewer-rotate-right:before,.ak-viewer-zoom-in:before,.ak-viewer-zoom-out:before {
    display:block;
    width:20px;
    height:20px;
    color:transparent;
    background-image:url() !important;
    background-repeat:no-repeat;
    margin: 0.2em auto 0 auto;
}
@media screen and (min-width:641px) {
    .ak-viewer-close:before,.ak-viewer-flip-horizontal:before,.ak-viewer-flip-vertical:before,.ak-viewer-next:before,.ak-viewer-one-to-one:before,.ak-viewer-prev:before,.ak-viewer-reset:before,.ak-viewer-rotate-left:before,.ak-viewer-rotate-right:before,.ak-viewer-zoom-in:before,.ak-viewer-zoom-out:before {
        margin: 0.5em auto 0 auto;
    }
}
.ak-viewer-zoom-in:before {
    content:'Zoom In';
    background-position:0 0;
}
.ak-viewer-zoom-out:before {
    content:'Zoom Out';
    background-position:-20px 0;
}
.ak-viewer-one-to-one:before {
    content:'One to One';
    background-position:-40px 0;
}
.ak-viewer-reset:before {
    content:'Reset';
    background-position:-61px 0;
}
.ak-viewer-prev:before {
    content:'Previous';
    background-position:-80px 0;
}
.ak-viewer-next:before {
    content:'Next';
    background-position: -95px 0;
}
.ak-viewer-rotate-left:before {
    content:'Rotate Left';
    background-position: -115px 0;
}
.ak-viewer-rotate-right:before {
    content:'Rotate Right';
    background-position:-135px 0;
}
.ak-viewer-flip-horizontal:before {
    content:'Flip Horizontal';
    background-position:-156px 0;
}
.ak-viewer-flip-vertical:before {
    content:'Flip Vertical';
    background-position:-175px 0;
}
.ak-viewer-close:before {
    content:'Close';
    background-position:-193px 0;
    margin: 0 auto;
}
.ak-viewer-container,.ak-viewer-navbar {
    overflow:hidden;
}
.ak-viewer-container {
    position:fixed;
    top:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    direction:ltr!important;
    -ms-touch-action:none;
    touch-action:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none;
}
.ak-viewer-container::-moz-selection,.ak-viewer-container::-moz-selection {
    background-color:transparent;
}
.ak-viewer-container::selection,.ak-viewer-container::selection {
    background-color:transparent;
}
.ak-viewer-tooltip {
    display:none;
    position:absolute;
}
.ak-viewer-canvas {
    position:absolute;
    top:0;
    z-index: 10;
}
.ak-viewer-canvas>img {
    width:auto;
    max-width:90% !important;
    height:auto;
    margin:1em auto;
    border: solid 2px #cccccc;
}
.ak-viewer-footer {
    position:fixed;
    text-align:center;
    z-index: 10;
}
.ak-viewer-list {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    width: 100%;
    margin: 1em auto;
    z-index: 10;
}
.ak-viewer-list>li {
    float:left;
    overflow:hidden;
    width: 2.4em;
    height: 2.4em;
    cursor:pointer;
    opacity:.5;
    color:transparent;
    filter:alpha(opacity=50);
}
.ak-viewer-list>li+li {
    margin-left:0.5em;
}
.ak-viewer-list>.ak-viewer-active{
    opacity:1;
    filter:alpha(opacity=100);
}
.ak-viewer-toolbar {
    width: 25em;
    margin: 0.5em auto;
    display: block;
}
.ak-viewer-toolbar>li {
    float: left;
    width: 2em;
    height: 2em;
    cursor: pointer;
    border-radius: 50%;
    color: #cccccc;
}
.ak-viewer-toolbar>li:active, .ak-viewer-button:active {
    background-color: #000000;
}
.ak-viewer-toolbar>li+li {
    margin-left:0.5em;
}
.ak-viewer-tooltip {
    line-height: 2em;
    top: 50%;
    left: 50%;
    width: 6em;
    height: 2em;
    margin-top: -1em;
    margin-left: -2em;
    text-align: center;
    color: #ffffff;
    background-color: #000000;
    border-radius: 0.8em;
    z-index: 10;
}
.ak-viewer-title {
    line-height: 2em;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    opacity: .8;
    color: #cccccc;
    filter: alpha(opacity=80);
    z-index: 10;
    border-bottom: solid 1px #111111;
}
.ak-viewer-button {
    position: fixed;
    top: 0;
    right: 0;
    width: 3.6em;
    height: 3.6em;
    cursor: pointer;
    text-align: center;
    z-index: 10;
}
.ak-viewer-invisible {
    visibility:hidden;
}
.ak-viewer-move {
    cursor:move;
}
.ak-viewer-fade {
    opacity:0;
    filter:alpha(opacity=0);
}
.ak-viewer-in {
    opacity:1;
    filter:alpha(opacity=100);
}
.ak-viewer-transition {
    -webkit-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
}